<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>收银台</title>
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <link rel="stylesheet" href="../js/lib/layer_mobile/need/layer.css">
  <link rel="stylesheet" href="../css/fonts/iconfont.css">
  <link rel="stylesheet" href="../css/style.css">
  <!-- <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script> -->
  <script>
    // var vs=new VConsole();
  </script>
</head>

<body>
  <div class="layout Cashier">
    <div class="title">
      <div class="left"><i class="iconfont icon-fanhui"></i> 返回</div>
      <div class="mid">
        <h3>收银台</h3>
      </div>
      <div class="right">
        <button class="btn Preform"><i class="iconfont icon-yujiedan"></i> 预结单</button>
      </div>
    </div>
    <div class="main">
      <div class="billInfo">
        <div class="bill">
          <div class="item">
            <div class="h4 tNum">桌台：</div>
            <button class="btn checkMenu" data-toggle="modal" data-target="#MenuModal">查看菜单</button>
          </div>
          <div class="item">
            <div class="h4">订单金额：</div>
            <div class="h4 text-right" id="billMon"></div>
          </div>
          <div class="item">
            <div class="h4">订单折扣：</div>
            <!-- <input id="Discount" type="text" placeholder="输入折扣"> -->
            <div id="Discount" class="virtualInput text-right hidden"><span class="virtualPlac">输入折扣</span><span class="lastGB hidden"></span></div>
            <div id="DiscontMob">
              <input type="text">
            </div>
          </div>
          <div class="item hidden">
            <div class="h4">抹零金额：</div>
            <div class="gray virtualInput text-right" id="MLJE"><span class="virtualPlac">0.0</span><span class="lastGB hidden"></span></div>
          </div>
          <div class="item hidden" id="MLRadio">
            <label class="radio-inline">
              <input type="radio" name="ML" id="" value="1" checked> 不抹零
            </label>
            <label class="radio-inline">
              <input type="radio" name="ML" id="inlineRadio2" value="2"> 抹零小数点
            </label>
            <label class="radio-inline">
              <input type="radio" name="ML" id="inlineRadio3" value="3"> 抹零个位
            </label>
          </div>
          <div class="item">
            <div class="h4">应收金额：</div>
            <div class="red text-right" id="receivMon"></div>
          </div>
        </div>
        <div class="payLists">
          <div class="h4">支付方式：</div>
          <ul>

          </ul>
        </div>
        <div class="BZ">
          <div class="h4">收银备注:</div>
          <!-- <button class="btn addBZ">添加</button> -->
          <input id="comment" type="text" class=" form-control">
        </div>
      </div>
      <div class="keyBoard hidden">
        <div class="inputMon">
          <label>实收金额：</label>
          <div class="input virtualInput" id="inputMon"><span class="virtualPlac hidden">0.0</span><span class="lastGB hidden"></span></div>
        </div>
        <div class="ZLMon">
          <label>找零金额：</label>
          <div class="input" id="ZLMon">0.0</div>
        </div>
        <div class="board">
          <div class="numList">
            <div data-num="1" class="active item">1</div>
            <div data-num="2" class="item">2</div>
            <div data-num="3" class="item">3</div>
            <div data-num="10元" class="item">10元</div>
          </div>
          <div class="numList">
            <div data-num="4" class="item">4</div>
            <div data-num="5" class="item">5</div>
            <div data-num="6" class="item">6</div>
            <div data-num="20元" class="item">20元</div>
          </div>
          <div class="numList">
            <div data-num="7" class="item">7</div>
            <div data-num="8" class="item">8</div>
            <div data-num="9" class="item">9</div>
            <div data-num="50元" class="item">50元</div>
          </div>
          <div class="numList">
            <div data-num="0" class="item">0</div>
            <div data-num="." class="item">.</div>
            <div data-num="00" class="item">00</div>
            <div data-num="100元" class="item">100元</div>
          </div>
          <div class="numList">
            <div data-num="empty" class="item">清除</div>
            <div data-num="del" class="item"><i class="iconfont icon-ziyuan"></i></div>
            <div data-num="checkOut" class="checkOut item">确定收银</div>
          </div>
        </div>
      </div>
      <div class="saoma hidden">
        <div class="ZFFS">
          <i class="iconfont"></i>
        </div>
        <div class="FKInfo">
          <div class="FKM">
            <label class="txt col-md-4 text-right">付 款 码 ：</label> <input type="text" autofocus class="FKM_input col-md-8"
              style="display:inline-block;" placeholder="输入付款码">
          </div>
          <div class="FKJE">
            <label class="txt col-md-4 text-right">付款金额：</label> <input type="text" autofocus class="FKM_input FKM_je col-md-8"
              style="display:inline-block;" placeholder="付款金额" readonly>
          </div>
        </div>
        <div class="QDSY col-md-offset-4">
          <button type="button" class="btn btn-danger QDSY_btn ">确定收银</button>
        </div>
      </div>
    </div>
  </div>
  <!-- 查看菜单弹框 -->
  <div class="modal fade" id="MenuModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="MenuModalLabel">菜单详情</h4>
        </div>
        <div class="modal-body">
          <div class="title">
            <span>商品</span>
            <span>单价(元)</span>
            <span>数量</span>
            <span>金额</span>
          </div>
          <ul class="menuLists"></ul>
        </div>
      </div>
    </div>
  </div>


  <script src="../js/lib/jquery.min.js"></script>
  <script src="../js/lib/layer_mobile/layer.js"></script>
  <script src="../js/lib/bootstrap.min.js"></script>
  <script src="../js/app/app.js"></script>
  <script src="../js/app/Cashier.js"></script>
</body>

</html>